<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页面</title>
    <link rel="stylesheet" href="/static/style.css">
    <script src="{{ url_for('static', filename='script.js') }}" defer></script>
</head>
<body>
    <div class="sidebar">
        <h2>任务栏</h2>
        <ul>
            <li><a href="/action">行为</a></li>
            <li><a href="/query">查询</a></li>
            <li><a href="/realtime">实时数据</a></li>
            <li><a href="/logout" class="logout">登出</a></li>
        </ul>
    </div>
    <div class="main-container">
        <h1>欢迎！请选择操作</h1>

        <h2>您的车辆信息</h2>
        {% if vehicle_info %}
            {% for vehicle in vehicle_info %}
                <div class="vehicle-info">
                    <div class="vehicle-info-title">用户名</div>
                    <div>{{ vehicle[0] }}</div>
                    <div class="vehicle-info-title">车型</div>
                    <div>{{ vehicle[1] }}</div>
                    <div class="vehicle-info-title">产商</div>
                    <div>{{ vehicle[2] }}</div>
                </div>
            {% endfor %}
        {% else %}
            <p>暂无车辆信息。</p>
        {% endif %}
    </div>
</body>
</html>
